<template>
  <div>
    <div class="list">
      <h4 class="listHeader var_bgColor">查询条件</h4>
      <div class="content">
        <Row class-name="listLine">
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
        </Row>
        <Row class-name="listLine">
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
          <Col span="6">
          <Row>
            <Col span="8" class-name="listTitle">col-12</Col>
            <Col span="16" class-name="listContent">col-12</Col>
          </Row>
          </Col>
        </Row>
      </div>
    </div>
  </div>
</template>

<style>
  .listHeader{
    padding: 6px 10px;
    border-bottom: 1px solid #bbbbbb;
  }
  .list .content{
    padding: 8px;
  }
  .list .listLine{
    height: 35px;
    line-height: 33px;
    border-top:1px solid #e9eaec;
    border-left: 1px solid #e9eaec;
    border-right: 1px solid #e9eaec;
  }
  .list .listLine:last-child{
    border-bottom:1px solid #e9eaec;
  }
  .list .listTitle{
    height: 100%;
    background: #f8f8f9;
    text-align: center;
  }
  .list .listContent{
    height: 100%;
    text-align: left;
    text-indent: 8px;
  }
</style>
